<template>
  <el-container>
    <el-header>
      <h1 class="welcome-title">欢迎来到考研初试资源查询系统！</h1>
    </el-header>
    <el-main>
      <div class="main-content">
        <img class="main-image" src="../assets/images/tjf.jpg">
      </div>
    </el-main>
    <el-footer>
      <div class="footer-wrapper">
        <div class="footer">
          <div class="footer-list">
            <a href="//www.chsi.com.cn/" target="_blank">学信网</a>
            <a href="https://chesicc.chsi.com.cn/zxgw/zxjs/201604/20160418/1529506207.html" target="_blank">中心简介</a>
            <a href="/doc/about.jsp" target="_blank">关于我们</a>
            <a href="/doc/copyright.jsp" target="_blank">版权声明</a>
            <a href="/help/" target="_blank">帮助中心</a>
            <a href="/sitemap.jsp" target="_blank">网站地图</a>
            <a href="https://www.chsi.com.cn/ad/202403/20240322/2293272455.html" target="_blank">网站宣传</a>
          </div>
          <div class="footer-units">
            主办单位：<a href="https://chesicc.chsi.com.cn/"
                        target="_blank">教育部学生服务与素质发展中心（原全国高等学校学生信息咨询与就业指导中心）</a><br>
            Copyright © 2003-2024 <a href="//www.chsi.com.cn/" target="_blank">学信网</a> All Rights Reserved<br>
            <a href="https://beian.miit.gov.cn" target="_blank">京ICP备19004913号-1</a>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010202009747" target="_blank">
              <img src="https://t1.chei.com.cn/chsi/images/jgwab.png"
                   style="vertical-align: middle; margin-bottom: 2px; margin-left: 8px;">
              京公网安备11010202009747号
            </a>
          </div>
          <div class="footer-media">
            <a href="/kyzx/kp/wbwx.shtml" target="_blank"><i class="iconfont" title="官方微信"></i>官方微信</a>
            <a href="/kyzx/kp/wbwx.shtml" target="_blank"><i class="iconfont" title="官方微博"></i>官方微博</a>
          </div>
          <div class="footer-msg">
            客服热线：010-67410388<br>
            客服邮箱：kefu#chsi.com.cn（将#替换为@）
          </div>
        </div>
      </div>
    </el-footer>
  </el-container>

</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.7"
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    }
  }
};
</script>

<style scoped lang="scss">
.footer-wrapper {
  line-height: 30px;
  background: #282828;
  color: #ababab;
  width: 110%; /* 修改为百分百宽度 */
}

.footer-wrapper a {
  color: #ababab;
}

.footer-wrapper .footer {
  position: relative;
  width: 1300px;
  height: 198px;
  margin: 0 auto;
}

.footer-wrapper .footer-list {
  position: relative;
  top: 32px;
  left: 10px;

}

.footer-wrapper .footer-list a {
  margin-right: 17px;
}

.footer-wrapper .footer-units {
  position: relative;
  top: 75px;
  left: 0px;
}

.footer-wrapper .footer-media {
  position: relative;
  top: 32px;
  left: 844px;
}

.footer-wrapper .footer-media a {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}

.footer-wrapper .footer-media a:hover {
  text-decoration: none;
}

.footer-wrapper .footer-media .iconfont {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}

.footer-wrapper .footer-msg {
  position: absolute;
  top: 75px;
  left: 844px;
}

.welcome-title {
  font-size: 24px; /* 调整字体大小 */
  color: #333; /* 调整字体颜色 */
  text-align: center; /* 文字居中显示 */
  margin: 0; /* 去除默认的外边距 */
  padding: 20px 0; /* 添加上下内边距，使标题与头部容器边缘保持一定距离 */
  font-weight: bold; /* 字体加粗 */
  /* 如果需要，还可以添加背景色、阴影等样式 */
  background-color: #f5f5f5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%; /* 或者其他适合你的高度 */
}

.main-image {
  width: 500px; /* 或者其他适合你的宽度 */
  height: auto; /* 保持图片的原始纵横比 */
  margin-top: 10px; /* 根据需要调整图片与标题之间的间距 */
}
</style>

